﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Start work</title>
        <meta http-equiv="content-type" content="text/javascript;charset=UTF-8" />
        <link type="text/css" rel="stylesheet" href="css/grid.css"/>
        <link type="text/css" rel="stylesheet" href="css/frontend.styles.css"/>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.js"></script>
        <script type="text/javascript" src="http://malsup.github.io/jquery.cycle.all.js"></script>
<!--        <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.0.0.js"></script>-->
<script type="text/javascript">
    $(document).ready(function(){
        $('.cycleSlider').cycle({ 
            
            timeout: 3000 ,
            pager:  '#cycleNav', 
            activePagerClass:'active',
            pagerAnchorBuilder: function(idx, slide) { 
                return '<a href="#">'+idx+'</a>'; 
            }
        });

    });
</script>
    </head>
    <body>
        <div class="head">
            <div class="first">
                <div class="h-36 p-b-4 gcontain l-50-pc reprefix-12">
                    <div id="hotline" class="hotline p-t-8 p-b-8 p-l-32 l-h-20 grid_x p-r-8">
                        Hotline : <strong>0909 199 199 - (08) 6 2872 931</strong> 
                    </div>
                    <div id="auth" class="auth p-t-8 p-l-32 p-b-8 p-r-8 l-h-20 grid_x f-r">
                        <a href="">Đăng ký&nbsp; </a> | <a href="">&nbsp;Đăng nhập</a>
                    </div>
                </div>
            </div>
            <div class="second gcontain h-g-4 l-50-pc reprefix-12">
                <div id="logo" class="grid_8 h-g-4">
                    <a href="start_home.html">
                        <img src="images/logo.png" alt=""/>
                    </a>
                </div>
                <div id="nav" class="nav">
                    <ul>
                        <li><a class="active" href="start_home.html">TRANG CHỦ</a></li>
                        <li><a href="about.html">GIỚI THIỆU</a></li>
                        <li><a href="service.html">DỊCH VỤ</a></li>
                        <li><a href="project.html">DỰ ÁN</a></li>
                        <li><a href="contact.html">LIÊN LẠC</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="slider" class="slider b-g-c-ccc p-r">
            <div class="gcontain h-g-10 l-50-pc reprefix-12 cycleSlider">
                <img src='images/slider1.jpg' width="960" height="400" alt=""/>
                <img src='images/slider2.jpg' width="960" height="400" alt=""/>
            </div>
            <div id="cycleNav" class="nav t-a-c"></div>
        </div>
        <div id="banner" class="banner">

        </div>
        <div class="main">
            <div class="gcontain l-50-pc reprefix-12">
                <div class="services">
                    <a class="event">Events & Marketing</a>
                    <a class="event2">Printing</a>
                    <a class="event3">Design & Branding</a>
                    <a class="event4">Production</a>
                </div>
                <div class="intro">
                    <div class="left grid_12">
                        <div class="p-r-20">
                            <div class="title">
                                <h2>Chúng tôi có</h2>
                            </div>
                            <ul>
                                <li><a class="active" href="">Đội ngũ nhân viên tư vấn chuyên nghiệp</a></li>
                                <li><a href="">GIỚI THIỆU</a></li>
                                <li><a href="">DỊCH VỤ</a></li>
                                <li><a href="">DỰ ÁN</a></li>
                                <li><a href="">LIÊN LẠC</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="right grid_12">
                        <div class="p-l-20">
                            <div class="title">
                                <h2>Chúng tôi sẽ giúp bạn</h2>
                            </div>
                            <ul>
                                <li><a class="active" href="">Đội ngũ nhân viên tư vấn chuyên nghiệp</a></li>
                                <li><a href="">GIỚI THIỆU</a></li>
                                <li><a href="">DỊCH VỤ</a></li>
                                <li><a href="">DỰ ÁN</a></li>
                                <li><a href="">LIÊN LẠC</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="projects p-t-32">
                        <div class="title">
                            <h2>Các dự án đã thực hiện <a href="" class="f-r">Xem thêm ››</a></h2>
                        </div>
                        <div class="list" style="height: 212px">
                            
                            <div class="left">
                                <img src='images/product1.png' alt=""/>
                                <h3>THis is the name of project</h3>
                            </div>
                            <div class="center">
                                <img src='images/pr2.png' alt=""/>
                                <h3>THis is the name of project</h3>
                            </div>
                            <div class="right">
                                <img src='images/pr3.png' alt=""/>
                                <h3>THis is the name of project</h3>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="p-t-32">
                        <div class="title">
                            <h2>Khách hàng của chúng tôi</h2>
                        </div>
                        <div class="list p-t-20 p-b-20">
							<div class="b-d-c-ddd p-t-16 p-b-16">
                            <div class="customer"><a href=""><img src="images/cus_logo.jpg" alt=""/></a></div>
                            <div class="customer"><a href=""><img src="images/cus_logo.jpg" alt=""/></a></div>
                            <div class="customer"><a href=""><img src="images/cus_logo.jpg" alt=""/></a></div>
                            <div class="customer"><a href=""><img src="images/cus_logo.jpg" alt=""/></a></div>
                            <div class="customer"><a href=""><img src="images/cus_logo.jpg" alt=""/></a></div>
                            <div class="customer"><a href=""><img src="images/cus_logo.jpg" alt=""/></a></div>
							<div class="clear"></div>
							</div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="p-r">
            <div class="gcontain l-50-pc reprefix-12 ">
                <div class="foot-line"></div>
            </div>
        </div>
        <div class="clear"></div>
        <div id="banner" class="footer">

        </div>